// pages/travel/first/first.js
Page({
  data: {
    currentIndex:0,
    scrollShow:'',
   list:[
     {
       id:'zenmewan',
       name:'怎么玩',
       img1:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600956177667&di=1600e66e00bf0d8760b3b081e1c74d69&imgtype=0&src=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20160908%2F317a4da68b704b939423efa3819bae9f_th.jpeg',
       detail1:'西湖位于浙江省杭州市西湖区龙井路1号，西湖有100多处公园景点，有“西湖十景”、“新西湖十景”、“三评西湖十景”之说。2007年，杭州市西湖风景名胜区被评为“国家AAAAA级旅游景区”。2011年6月24日，“杭州西湖文化景观”正式被列入《世界遗产名录',
       img2:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601268792615&di=35b0bbc72adf2680f42ad57e44e58a13&imgtype=0&src=http%3A%2F%2Fpic.rmb.bdstatic.com%2Fe74e7ce0eb3eb0e576ef47218133f310.jpeg',
       detail2:'南浔古镇位于湖州市南浔区，地处江浙两省交界处。明清时期为江南蚕丝名镇，是一个人文资源充足、中西建筑合璧的江南古镇。2005年，南浔古镇获评第二批中国历史文化名镇、国家5A级旅游景区等荣誉称号，成为湖州市首个国家5A级旅游景区等。',
       img3:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601269895627&di=409222a68aaf5af5ac051e2f33c46029&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20181013%2F758496c5d13741d0b535d251e16207b4.jpeg',
       detail3:'西塘古镇属浙江省嘉兴市嘉善县，地处江浙沪三省市交界处，地理位置优越。西塘被国家文物局列入中国世界文化遗产预备名单 ，亦是中国首批历史文化名镇，国家AAAAA级旅游景区，获世界遗产保护杰出成就奖。',
       xihu:'xihu',
       nanxun:'nanxun',
       xitang:'xitang'
     },
     {
       id: 'zhunali',
       name: '住哪里',
       img1:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601270119536&di=623bd0fd462c504fe28747d7544ca2e9&imgtype=0&src=http%3A%2F%2Fpavo.elongstatic.com%2Fi%2FHotel795_325%2Fnw_0005zfW8.jpg',
       detail1:'西湖蜜隐禅和源酒店位于杭州西湖区白乐桥村，考虑到靠近灵隐寺这个独特的地理位置，建筑风格以中式禅意为主，著名设计师金军先生采用了借景入室的创作手法，潺潺小溪门庭前流过，被竹林包围的庭院曲幽通径，动静平衡得恰到好处。',
       img2:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601270839058&di=476ccce909a5e0659e3a1ab13e9ada84&imgtype=0&src=http%3A%2F%2Fs3.lvjs.com.cn%2Fuploads%2Fpc%2Fplace2%2F2018-12-28%2Fdd228fba-91a5-4b87-8eaf-bd030376647a.jpg',
       detail2:'　南浔巨人君澜度假酒店位于湖州市南浔泰安路，酒店与国家5A级景区南浔古镇比邻而居，出酒店大门即可从景区的青苔石阶拾级而上，徜洋于小家碧玉般的的江南水乡。漫步间，民国风韵的百间楼，钟灵毓秀的藏书楼、历史悠久的张石铭旧宅和刘氏梯号俨然在眼前。',
       img3:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601271014406&di=59f426457414673300ecbfe123f74e95&imgtype=0&src=http%3A%2F%2Fpavo.elongstatic.com%2Fi%2FtHotel800_600%2FIZu2GEQD16.jpg',
       detail3:'西塘良壤酒店位于贞观路588号，毗邻西塘古镇，酒店总面积4万多平米，以江南人文融合当代精致生活美学，为您打造身心灵滋养的度假新体验─近200套临河临水精致客房，细腻地创造了一种让身心安顿的住宿安排。',
       xihu:'miyin',
       nanxun:'juren',
       xitang:'liangrang'
     },
     {
      id: 'chishenme',
      name: '吃什么',
      img1:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601271186399&di=2a51b641297f629500ec11c410ae6d97&imgtype=0&src=http%3A%2F%2Fp3.ssl.cdn.btime.com%2Ft019acfddadb3af3e96.jpg%3Fsize%3D640x428',
       detail1:'西湖醋鱼，别名为叔嫂传珍，宋嫂鱼，是浙江省杭州市的一道传统地方风味名菜，属于浙菜系。西湖醋鱼通常选用草鱼作为原料，烹制而成。烧好后，浇上一层平滑油亮的糖醋，胸鳍竖起，鱼肉嫩美，带有蟹味，鲜嫩酸甜。',
       img2:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601271533724&di=ce718738164ad69e3664d27b078ba6a7&imgtype=0&src=http%3A%2F%2Fcy.89178.com%2Fupload%2Farticle%2F20170607%2F67518916101496824312.jpg',
       detail2:'　周生记馄饨是湖州“四大名点”之一。馄饨形状酷似元宝，馅心选上乘夹心肉、笋衣和黑芝麻等，馄饨汤的熬制更是别开生面，用腿骨、鸡脚骨等文火煨成乳白原汁兑成,出手不凡的周济相果然一炮打响，逐渐形成自己的“皮薄滑润，馅大饱满，入口汁长，回味久鲜”的特色。',
       img3:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601271729335&di=cb9b1ae883f85260abbe45a329dba06a&imgtype=0&src=http%3A%2F%2Fl.b2b168.com%2F2013%2F03%2F31%2F11%2F20130331111634348034.jpg',
       detail3:'五芳斋粽子号称“江南粽子大王”，是浙江省嘉兴市的一种应节传统名小吃，以糯而不烂、肥而不腻、肉嫩味香、咸甜适中而著称。如今，嘉兴五芳斋粽子因其滋味鲜美、携带方便、食用方便而备受广大旅游者厚爱，有“东方快餐”之称。'
    }
   ],
    tabHeadTop:0,
    fixed:false,
    scrollTop:0,
    swiperHeight:0
  },
  onLoad: function () {
   
  },
  onReady: function () {
    let that = this
    let query = wx.createSelectorQuery()
    query.select(".tab_wrap").boundingClientRect(function (res) {
       console.log(res.top) //距离页面顶部的距离
      that.setData({
        tabHeadTop: res.top
      })
    }).exec()
    query.select(".item_cont").boundingClientRect(function (res) {
        console.log(res)
      that.setData({
        item_cont: res.height
      })
    }).exec()
  },
  swiperchnage:function(e){
    this.setData({ currentIndex: e.detail.current})
    var tabHeadTop = this.data.tabHeadTop;
    // wx.pageScrollTo({
    //   scrollTop: tabHeadTop
    // })
  },
  tap:function(e){
    var that=this;
    var index=e.currentTarget.dataset.index;
    this.setData({ currentIndex:e.currentTarget.dataset.index});
    var tabHeadTop = this.data.tabHeadTop;
    let query = wx.createSelectorQuery();
    query.selectAll(".item_cont").boundingClientRect(function (res) {
      that.setData({
        item_cont: res[index].height
      })
    }).exec()
    // wx.pageScrollTo({
    //   scrollTop: tabHeadTop
    // })
 
  },
  onPageScroll: function (e) {
    this.setData({ scrollTop: e.scrollTop})
    if (e.scrollTop > this.data.tabHeadTop) {
      this.setData({
        fixed: true,
      })
 
 
    }else{
      this.setData({
        fixed: false
      })
      
    }
  },
  xihu(){
    wx.navigateTo({
      url: '../first/xihu/xihu',
    })
  },
  nanxun(){
    wx.navigateTo({
      url: '../first/nanxun/nanxun',
    })
  },
  xitang(){
    wx.navigateTo({
      url: '../first/xitang/xitang',
    })
  },
  miyin(){
    wx.navigateTo({
      url: '../first/miyin/miyin',
    })
  },
  juren(){
    wx.navigateTo({
      url: '../first/juren/juren',
    })
  },
  liangrang(){
    wx.navigateTo({
      url: '../first/liangrang/liangrang',
    })
  }
})